<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>插件-轮播插件的相关配置（布局）</title>
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="../../../kuoqi-ui/web.dev.css">
<!--[if lt IE 9]>
　　<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
　　<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="../../kq.1.06/kq.1.06.dev.js"></script>
<script src="kq.slider_config.js"></script>
</head>

<body>
<div class="card card-cpanel">
	<div class="card-head">简单的轮播插件的相关配置</div>
	<div class="card-body" id="banner">

    </div>
</div>
<script>
var banner = new $Q.plugIn.sliderConfig({
	boxElement:'#banner',//绑定的元素盒子
	action:'https://api.kuoqps.cn/Resource/Upload',//上传地址
	useUrl:1,//使用url的部分
	params:{
		app_key:'a3EyMTEyMjg1MjkyOmJmYzI2MTFlYWVkMDNkNzlmZDg1YTcxYWQxNjQxNDFlNmQxMjA0Y2Y=',	
		upload_type:'file',
		sec_size:0,
	},//上传附带参数
	optsItem:{
		width:'200px',
		height:'120px',
	},
	val:'[{"image":"https://res.kuoqps.com/upload/jpg/220621/8a33e229174b5e1fdd4ee7c6e5ee7eaf.jpg","url":"http://www.baidu.com/"},{"image":"https://res.kuoqps.com/upload/jpg/220621/4e44e161ced2af452bf440298f0ca29c.jpg"},{"image":"https://res.kuoqps.com/upload/jpg/220621/3a0cb1321deb9cba964db86b4fabe19d.jpg"}]',//初始化的数据值
	//自动输出
	onChange:function(){
		var val = this.getVal();
	},
});
</script>
</body>
</html>
